@page
@{ Layout = "_LayoutApp"; }
@section Styles{
    <style>
        html {
            overflow-x: hidden !important;
        }
        body {
            padding: 0;
            margin: 0;
        }
    </style>
}
<div class="bg-cover rounded-0 p-8" :style="{'background-image':'url('+(user.avatarbgUrl || DEFAULT_AVATAR_BG_URL)+')'}">
    <div class="py-5"></div>
    <div class="py-5"></div>
</div>
<div class="p-3">
    <div class="col-lg-12 col-md-12 col-12 mt-n8">
        <div class="card rounded-0 mb-3">
            <div class="card-body ">
                <div class="text-center">
                    <img :src="user.avatarUrl || DEFAULT_AVATAR_URL" class="rounded-circle avatar-xl mb-3" alt="">
                    <h4 class="mb-1">{{ user.displayName }}</h4>
                </div>
                <div class="mt-4">
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('info')">
                        <span><i class="el-icon-user me-2"></i>修改个人信息</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
                <div class="mt-4">
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('pwd')">
                        <span><i class="el-icon-key me-2"></i>修改密码</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-3" v-if="utils.contains(openMenus,'examPaper')">
        <div class="card rounded-0">
            <div class="card-body">
                <div>
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('event')">
                        <span><i class="el-icon-date me-2 text-warning"></i>考试日程</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-3">
        <div class="card rounded-0">
            <div class="card-body">
                <div class="mb-4" v-if="utils.contains(openMenus,'examPaperScore')">
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('score')">
                        <span><i class="el-icon-document-copy me-2"></i>考试成绩</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
                <div class="mb-4" v-if="utils.contains(openMenus,'examPaperCer')">
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('cer')">
                        <span><i class="el-icon-medal me-2"></i>我的证书</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
                <div v-if="utils.contains(openMenus,'examPractice')">
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('shuati')">
                        <span><i class="el-icon-document me-2"></i>刷题记录</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-3" v-if="utils.contains(openMenus,'logout')">
        <div class="card rounded-0">
            <div class="card-body">
                <div>
                    <div class="d-flex justify-content-between align-items-center" v-on:click="btnTab('logout')">
                        <span><i class="el-icon-switch-button me-2 text-danger"></i>退出登录</span>
                        <span><i class="el-icon-arrow-right"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="my-8 text-center">
    <img :src="DEFAULT_LOGO_URL" height="38" class="mb-3" />
    <div class="text-center">
        <small>© {{ DOCUMENTTITLE }} <span class="text-warning">v{{ version }}</span></small>
    </div>
</div>
<div class="py-8"></div>
@section Scripts{
    <script src="/sitefiles/assets/js/app/mine.js" type="text/javascript"></script>
}
